<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>验光师详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<link rel="stylesheet" href="http://wx.bjysjglasses.com/ek/css/common/common.css" />
		<link rel="stylesheet" href="http://wx.bjysjglasses.com/ek/css/common/header.css" />
		<link rel="stylesheet" href="http://wx.bjysjglasses.com/ek/css/optometrist_list.css" />		
		
	</head>
	<body>
		<div id="container">
			<div class="toptop">
				<!--<div class="topbox">-->
					<!-- 头部 -->
					<header>
						<a href="javascript:;" onclick="javascript:history.back(-1);"><img class="back" src="http://wx.bjysjglasses.com/ek/images/jt_zuo.png" /></a>
						<p class="title">验光师详情</p>				
					</header>
					<!--搜索验光师-->
					<!--<div class="search">
						<!--定位-->
						<!--<div class="glo">
							<span class="place">
								<img src="http://wx.bjysjglasses.com/ek/images/goli.png" class="placeicon" />
								<h3>朝阳区望京博泰大厦</h3>
								<img src="http://wx.bjysjglasses.com/ek/images/san.png" class="show" />
							</span>
						</div>-->
						<!--搜索框-->
						<!--<div class="sear">
							<input type="text" placeholder="搜索验光师" />
							
						</div>-->
					<!--</div>-->
					<!--搜搜验光师结束-->
				<!--</div>-->
			</div>
			<!--验光师列表-->
			<!--<div>-->
		        <div class="scroller content" id="wrapper">
		            <ul id="popular">
		            	<li>
							<img src="http://wx.bjysjglasses.com/ek/images/touxiang.png" class="user" />
							<span class="opbox">
								<span class="namebox">
									<p class="name">刘珂可</p>
									<!--<a href='javascript:;'>平台已认证</a>-->
								</span>
								<span class="namebox">
									<p class="title1">好评：</p>
									<span class="star">
										<i></i>
										<i></i>
										<i></i>
										<i></i>
									</span>
								</span>
								<p class="evaluate">实名认证：<i>已实名备案</i>&nbsp;&nbsp;实名认证：<i>已实名备案</i></p>
								<!--<p class="evaluate">7年资历，专注青少年近视防控，成年视疲劳、近视健康预防疾视健康预防疾</p>
								<span class="renz">
									<p>北京朝阳望京博泰大厦</p>
									<p>12.66公里</p>
								</span>-->
							</span>
						</li>						
		            </ul>		            
		        </div>
		        <div class="con" id="container">
		        	<!--切换按钮-->
					<ul class="content_top" id="aBtn">
						<li class="active" onclick="location.href='#shopdel'">验光师介绍</li>
						<li onclick="location.href='#evaluation'">用户评价</li>
					</ul>
					<text class="showbox" id="shopdel">
						<h4>资质认证</h4>
						<img src="" alt="资格证书" class="book"/>
						<h4>个人介绍</h4>
						<p class="begoodat"></p>
						<h4>特长介绍</h4>
						<p class="createby"></p>
					</text>
					<text id="evaluation" style="padding:0 0.24rem;display:block;">
						<ul class="evalist">							
							<li>
								<span class="title">
									<img src="http://wx.bjysjglasses.com/ek/images/touxiang.png">
									<h4>验光师达令~</h4>
									<span class="star">
										<i></i>
										<i></i>
										<i></i>
										<i></i>
									</span>
									<i>&nbsp;2018-10-11</i>
								</span>
								<p class="estimate">楼主说的有道理，点赞！！楼主说的有道理，点赞！！楼主说的有道理，点赞！！楼主说的有道理，点赞！！楼主说的有道理，点赞！！楼主说的有道理，点赞！！</p>
							</li>
						</ul> 
					</text>
		        </div>
		    <!--</div>-->
		    <!--<div class="bottom">
				<div id="addCar" class="btn fl">写评价</div>				
				<div id="payNow" class="btn fr">立即咨询</div>
			</div>-->
		    <div id="allmap"></div>
		</div>	
		
		<script type="text/javascript" src="http://wx.bjysjglasses.com/ek/js/common/jquery-3.3.1.min.js"></script>	
		<script type="text/javascript" src="http://wx.bjysjglasses.com/ek/js/common/common.js"></script>
		<!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nlqmwS4x5dr1H1Q1wnHfiQ6BSOHZU3j6"></script>-->
		<!--<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>-->	
		<script>
//			var abtn = document.getElementById('aBtn');
//			var aLi = abtn.getElementsByTagName('li');
//			var content = document.getElementById('container');
//			var aDiv = content.getElementsByTagName('text');
//			for(var i = 0; i < aLi.length; i++) {
//				aLi[i].index = i;
//				aLi[i].onclick = function() {
//					for(var i = 0; i < aLi.length; i++) {
//						aLi[i].className = '';
//						aDiv[i].className = '';
//					}
//					this.className = 'active';
//					aDiv[this.index].className = 'showbox';
//				}
//			}	
		</script>
	</body>
</html>